<template>
  <div class="books-container">
    <div class="book-title-auth">
      <p class="book-title">{{book.bookName}}</p>
      <p>{{book.bookAuthor}}</p>
    </div>
    <p>评分:  {{ book.bookScore }}</p>
  </div>
</template>

<script>
export default {
  name: "Books",
  props:["book"]
}
</script>

<style scoped>
.books-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.book-title-auth{
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.book-title{
  font-size: 16px;
  margin-right: 50px;
}
</style>